<template>
    <div>
        <header ref="header">
            城市选择
            <router-link to='/'><icon class="header-back">&#xe624;</icon></router-link>
        </header>
    </div>
</template>

<script>
import icon from "icon/icon";
export default {
  name: "CityHeader",
  components: {
    icon
  },
};
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl';

header {
    height: $headerHeight;
    line-height: $headerHeight;
    text-align: center;
    overflow: hidden;
    color: #fff;
    background: $bgColor;
    position: relative
}
.header-back
    width .64rem
    position absolute
    text-align center
    font-size .4rem
    top 0
    left 0
    color #ffffff
</style>
